<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Video.js 6.2.8</title>
    <link href="css/video-js.css" rel="stylesheet">
    <style>
        /*body {*/
        /*background-color: #191919*/
        /*}*/
        .m {
            width: 740px;
            height: 400px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 100px;
        }
    </style>
</head>
<body>
<!--<div class="m">
    <video id="my-video" class="video-js vjs-big-play-centered" controls preload="auto" width="740" height="400"
           poster="m.png" data-setup='{ techOrder: ["flash","html5"]}'>
        <source src="http://jq22com.qiniudn.com/jq22-sp.mp4" type="video/mp4">
    </video>
    <script src="js/video.min.js"></script>
    <script src="http://vjs.zencdn.net/5.19/lang/zh-CN.js"></script>
    <script type="text/javascript">
        var myPlayer = videojs('my-video');
        videojs("my-video").ready(function () {
            var myPlayer = this;
            /*	myPlayer.play();*/
        });

    </script>
</div>-->
<!--poster="m.png"-->
<div class="m">
    <video id="my-video" class="video-js vjs-big-play-centered" controls preload="auto" width="740" height="400"
            data-setup='{ techOrder: ["flash","html5"]}'>
        <source src="http://jq22com.qiniudn.com/jq22-sp.mp4" type="video/mp4">
    </video>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/video.min.js"></script>
    <script src="http://vjs.zencdn.net/5.19/lang/zh-CN.js"></script>
    <script>
        var player = videojs("my-video", {
            "controls": true,
            "autoplay": false,
            "preload": "auto",
            "loop": false,
            controlBar: {
                captionsButton: false,
                chaptersButton: false,
                playbackRateMenuButton: true,
                LiveDisplay: true,
                subtitlesButton: false,
                descriptionsButton:true,
                remainingTimeDisplay: false,
                progressControl: true,




                volumeMenuButton: {
                    inline: false,
                    vertical: true
                },//竖着的音量条
                fullscreenToggle: true
            }

        }, function () {
            $(".vjs-remaining-time").append('<span>0:0'+parseInt(player.duration())+'<span/>');



            console.log( player);



        });
    </script>
</div>
</body>


</html>
